<!doctype html>
<html>
  <head>
    <title>MBL</title>
    <meta charset="utf-8"/>
    <meta name="keywords" content="MBL 湖南大学化学化工学院 重点实验室"/>
    <meta name="description" content=""/>
    <link rel="shortcut icon" href="../public/img/favicon.png">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    <link href="../public/css/reset.css" rel="stylesheet" media="screen">
    <link href="../public/css/theme.css" rel="stylesheet" media="screen">
    <link href="../public/css/nav.css" rel="stylesheet" media="screen">
    <link href="../public/css/slides.css" rel="stylesheet" media="screen">
    <link href="../public/css/layout.css" rel="stylesheet" media="screen">
    <link href="../public/css/home.css" rel="stylesheet" media="screen">
    <link href="../public/css/research_area.css" rel="stylesheet" media="screen">
    <link href="../public/css/intro.css" rel="stylesheet" media="screen">
    <link href="../public/css/research/index.css" rel="stylesheet" media="screen">
    <link href="../public/css/research/detail.css" rel="stylesheet" media="screen">
    <link href="../public/css/news.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="../public/build/kalendae.css" type="text/css" charset="utf-8">
  </head>
  <body>
    <!-- Fixed navbar -->
    <div class="theme-color mbl-nav navbar-fixed-top">
      <div class="wrapper full-height">
        <!--<a class="logo-wrapper" href="/">-->
        <!--<img class="logo" src="../../public/img/logo.png" alt="MBL">-->
        <!--</a>-->
        <a class="img-wrapper" href="/">
          <img class="logo" src="../public/img/logo.png" alt="MBL">
        </a>
        <ul class="menu" id="menu">
          <li><a href="/">Home</a></li>
          <li><a href="/system/go.jsp?treeid=1011&apptype=treetemp&urltype=tree.TreeTempUrl">News</a></li>
          <li><a href="/research">Research</a></li>
          <li><a href="/publication">Publications</a></li>
          <li><a href="/members">Members</a></li>
          <li><a href="/system/go.jsp?treeid=1003&apptype=treetemp&urltype=tree.TreeTempUrl">Contact</a></li>
        </ul>
        <div class="nav-search">
          <div class="input-group search-content">
            <input type="text" class="form-control" placeholder="Search for...">
            <span class="input-group-btn">
          <button class="btn btn-default" type="button">Search</button>
          </span>
          </div>
        </div>
      </div>
    </div>


    <div class="body-wrapper">
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators" id="indicators"></ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox" id="listbox"></div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
      <section class="activity wrapper">
        <div class="news-wrapper" id="newsWrapper">
          <div class="news-tip">
            <h2>NEWS</h2><a href="/system/go.jsp?treeid=1011&apptype=treetemp&urltype=tree.TreeTempUrl">ALL News</a>
          </div>
        </div>
        <div class="events-wrapper" id="eventsWrapper">
          <div class="events-tip">
            <h2>EVENTS</h2><a href="/events">ALL Events</a>
          </div>
        </div>
      </section>

      <section class="research-area">
        <span>RESEARCH AREA</span>
        <div class="research-content">
          <div class="research-content__item research-content__left">
            <img id="research-content__left-img" src="../public/img/research_1.jpg" alt="">
            <div class="research-content__desc">
              <p id="research-content__left-txt">Screening aptamers with live cells as targets, providing new molecular tools for ultra-sensitive detection of cancer, molecular imaging, and target-ed drug delivery</p>
            </div>
          </div>
          <div class="research-content__item research-content__right">
            <img id="research-content__right-img" src="../public/img/research_2.jpg" alt="">
            <div class="research-content__desc">
              <p id="research-content__right-txt">Screening aptamers with live cells as targets, providing new molecular tools for ultra-sensitive detection of cancer, molecular imaging, and target-ed drug delivery</p>
            </div>
          </div>
        </div>
      </section>

      <section class="intro">
        <div class="intro-wrapper">
          <div class="professor">
            <img id="professor-img" src="../public/img/tan.jpg" alt="">
            <p id="professor-name">Prof.Weihont Tan</p>
          </div>

          <div class="words">
            <div class="img-top">
              <img src="../public/img/quote.svg" alt="">
            </div>
            <div class="content">
              <!--<p>{{ mottos[0].motto }}</p>-->
              <p id="words-desc">Work hard,work smart,work together, be happy</p>
            </div>
            <div class="img-bottom">
              <img src="../public/img/quote_end.svg" alt="">
            </div>
            <a href="/tan" class="btn">Learn More</a>
          </div>
        </div>
      </section>
    </div>

    <footer class="footer theme-color">
      <div class="wrapper footer-container">
        <a href="/system/go.jsp?treeid=1003&apptype=treetemp&urltype=tree.TreeTempUrl">
          <div class="map-wrapper">
            <!--<div id="map"></div>-->
            <img src="../public/img/map.png" alt="">
            <p>Lushan South Road Yifu Building, Hunan University South Campus, Changsha, Hunan China</p>
          </div>
        </a>
        <div class="logos">
          <div class="show-logos">
            <img class="hnu-logo" src="../public/img/hnu.png" alt="">
            <img class="mbl-logo" src="../public/img/mbl.png" alt="">
          </div>

          <a href="/system/go.jsp?treeid=1003&apptype=treetemp&urltype=tree.TreeTempUrl">
            <div class="contact-logos">
              <img src="../public/img/phone.svg" alt="">
              <img src="../public/img/fox.svg" alt="">
              <img src="../public/img/weixin.svg" alt="">
              <img src="../public/img/email.svg" alt="">
            </div>
          </a>
        </div>
        <div class="links">
          <h2>HELPFUL LINKS</h2>
          <ul class="links-list">
            <li><a href="">Hunan University</a></li>
            <li><a href="">Hunan University</a></li>
            <li><a href="">Hunan University</a></li>
            <li><a href="">Hunan University</a></li>
          </ul>
        </div>
      </div>
    </footer>
    <script src="../public/js/nav.js"></script>
    <script src="../public/js/jquery.min.js"></script>
    <script src="../public/js/home.js"></script>
    <script src="../public/build/kalendae.standalone.js" type="text/javascript" charset="utf-8"></script>
    <script src="../public/js/bootstrap.min.js"></script>
    <script src="../public/js/switch_event_new.js"></script>
  </body>
</html>
